<template>
   <p>{{message}}</p>
   <!-- <input v-focus /> -->
   <div v-direct:hello.a.b="message">
       abc
	</div>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
    setup () {
        const state = reactive({
            message: '自定义指令钩子函数：'
        })
    
        return {
            ...toRefs(state)
        }
    }
}
</script>

<style scoped>
input:focus{ 
  background-color:black;
  color:white;
}
</style>